<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单</title>
</head>
<body>
<!--from表单 action:提交到地址,这里的#号占位符表示提交到本页的最上面-->
<form action="#">
<!--input是表单的输入控件
    name:控件的名字,没有name属性的控件无法提交值！
    placeholder:提示文本占位符,用于给用户提示输入-->
    姓名:<input type="text" name="uname1" placeholder="请输入姓名"><br>
    昵称:<input type="text" name="uname2" placeholder="请输入昵称"><br>
    姓名3:<input type="text" name="uname3" value="kk"><br>
    姓名4:<input type="text" name="uname4" value="kk" readonly><br>
    姓名5:<input type="text" name="uname5" value="kk" disabled><br>
    密码:<input type="password" name="upwd"><br>
    爱好:
    <input type="checkbox" name="like" value="1">看书
    <input type="checkbox" name="like" value="2"checked>做饭
    <input type="checkbox" name="like" value="3"checked>旅游
    <input type="checkbox" name="like" value="4">足球
    <br>
    性别:
    <input type="radio" name="gender" value="1" checked>男
    <input type="radio" name="gender" value="0" >女
    <br>
    <!--h5新增的表单控件-->
    颜色:<input type="color" name="color"><br>
    日期:<input type="date" name="date"><br>
    文件:<input type="file" name="file"><br>

    
    范围:<input type="range" name="range"><br>
    <br>
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>普通按钮</button>
</form>




</body>
</html>